<template lang="pug">
.baday-status.mt20
  .img-t
    a-image(:url="url")
  .expression 拿起杯子一口一口的喝水
  .status-type
    span 生活自理
  .status-time
    span 2021-09-10
    span 张三
</template>
<script>
import AImage from '@/components/Basic/Image'
export default {
  components: { AImage },
  props: {
    date: {
      type: String(),
      default: ''
    },
    url: {
      type: String,
      default: ''
    }
  },
  data () {
    return {
    }
  },
  computed: {

  },
  methods: {

  }
}
</script>
<style lang="scss" scoped>
.baday-status {
    background: #fbcfc6;
    width: 97px;
    margin-right: 10px;
    display: flex;
    border-radius: 6px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    &:last-child {
        margin-right: 0;
    }
    .img-t {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-top: 10px;
        margin-bottom: 10px;
        overflow: hidden;
        img {
        width: 100%;
        height: 100%;
        }
    }
    .expression {
        font-size: 12px;
        color: #fff;
        padding: 0 8px;
    }
    .status-type {
       margin: 40px 0 20px 0;
       font-size: 14px;
       display: flex;
       justify-content: flex-start;
       width: 100%;
       span {
         background: #fff;
         padding: 5px;
       }
    }
    .status-time {
        font-size: 12px;
        color: #fff;
        margin-bottom: 10px;
    }
}
</style>
